<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <base href="{$Think.const.BASE_PATH}">
    <title>最新影片下载=高清影片下载-迅雷下载</title>
    <!--引入头部meta文件 -->
    {include file="index/head_meta" /}
    <!--引入头部link(css)文件 -->
    {include file="index/head_link" /}
    <!--引入头部script文件 -->
    {include file="index/head_script" /}

    <!--页面内部样式-->
    <link href="public/static/css/index/xl/index.css?v={$Think.const.NOW_TIME}" type="text/css" rel="stylesheet" />
    <!--*分页样式-->
    <link href="public/static/css/common/page.css?v={$Think.const.NOW_TIME}" type="text/css" rel="stylesheet" />
</head>
<body>
    <!--引入头部html文件 -->
    {include file="index/head"/}
    <div class="container">
        {if condition="$Think.session.uid.userName=='' or $Think.session.uid.userName==null"}
        <div class="row">
            <marquee onmouseover=this.stop() onmouseout=this.start() style="width: 100%;">{$Think.config.advertisement}</marquee>
        </div>
        {/if}
        <div class="row">
            <div class="col-sm-2">
                <ul class="user-nav">
                    <a href="{:url('xl/index')}"><div class="user-nav-title">全部分类</div></a>
                    {volist name="cataLogList" id="list"}
                        {if condition='$cataLog_id==$list.id'}
                            <a href="{:url('xl/index','cataLog_id='.$list.id)}"><li style="color: #343a40;background: #b5b5b5;">{$list.name}</li></a>
                        {/if}
                        {if condition='$cataLog_id!=$list.id'}
                            <a href="{:url('xl/index','cataLog_id='.$list.id)}"><li>{$list.name}</li></a>
                        {/if}
                    {/volist}
                </ul>
            </div>
            <div class="col-sm-10">
                <ul class="film-list">
                    {if condition='count($filmList)==0'}
                        <div style="margin: 100px auto;text-align: center;font-size: medium;">该分类没有数据</div>
                    {/if}

                    {volist name="filmList" id="list"}
                    <li>
                        <a href="{:url('xl/detail','film_id='.$list.id)}">
                            <div  class="note-left" title="{$list.name}">
                                <img class="lazy" data-original="{$list.image}"/>
                            </div>
                        </a>
                        <div class="film-info">
                            <div class="info">
                                <h2><a href="{:url('xl/detail','film_id='.$list.id)}" title="{$list.name}" target="_blank">{$list.name}</a><em> {$list.onDecade}</em></h2>
                                <em class="star star{if condition='$list.evaluation >=1 && $list.evaluation<2'}1{/if}
                            {if condition='$list.evaluation >= 2 && $list.evaluation < 4'}2{/if}
                            {if condition='$list.evaluation >= 4 && $list.evaluation < 6'}3{/if}
                            {if condition='$list.evaluation >= 6 && $list.evaluation < 8'}4{/if}
                            {if condition='$list.evaluation >= 8 && $list.evaluation <=10'}5{/if}"></em>
                                <p>主演：{$list.actor}</p>
                                <p><i>状态：{$list.status}</i>&nbsp;<i>地区：{$list.locName}</i></p>
                                <p><i>类型：{$list.typeName}</i>&nbsp;<i>更新：{$list.updateTime | mb_substr=5,11}</i></p>
                                <span>
                                <a href="{:url('xl/detail','film_id='.$list.id)}#kan" class="watch-btn" target="_blank">观看</a>
                                <a href="{:url('xl/detail','film_id='.$list.id)}#down" class="download-btn" target="_blank">下载</a>
                            </span>
                            </div>
                        </div>
                    </li>
                    {/volist}
                </ul>
                <!--分页显示条-->
                <div style="width:100%;margin: 5px auto;height: auto;overflow: hidden;">
                    <div style="text-align: right;">{$filmList->render()}</div>
                </div>
            </div>
        </div>
    </div>

    <!--引入底部html文件 -->
    {include file="index/footer" /}
    <script type="text/javascript">
        function updateFilmSize() {
            var w = $(".film-list").width() / 6;
            if ($(".film-list").width() < 450) {
                w = $(".film-list").width() / 2;
            }
            w = parseInt(w);
            $(".film-list li").css("width", w + "px");

            var w = $(".note-left").width();
            var h = (w * 160) / 115;
            $(".note-left").css("height", h + "px");
        }

        $(document).ready(function(){
            updateFilmSize();
            $(window).resize(function(){
                updateFilmSize();
            });

            /**左侧菜单选中*/
            $()


        });
    </script>
</body>
</html>